/** @jsxImportSource @emotion/react */
import * as React from "react";
import {
    Text, LineColumn, InputLine, Input, Select, BlobInputList, TextArea,
} from "customize-easy-ui-component";
import {
    InspectRecordLayout, InternalItemProps, useItemInputControl,
} from "../../common/base";
import {useMeasureInpFilter} from "../../common/hooks";
import {Each_ZdSetting} from "../../hook/useRepTableEditor";


/**@property name : 附录显示名称, 和页面逻辑开关代码上需保持一致的。
 * @property ha : Hash路由标签
 * @property na : 表示不在【结论附录】当中出现的吗，但都出现在目录中的。不在附录表也没有安排目录表这页的也行。
 * @property ml : 该分项在【目录】中的文本显示题目。
 * @property do : 默认有做的分项报告
 * 报告中实际打印顺序看代码：
 * 原平台testlogcfg.ses的 "contlist" :[ {"contname":}, ]列出全部分项。  而"mainpage":[ ]扣除"addpage":[]后的是固定的必须展示。 nosavepage无关的；
 * */
export const VsProjects默认=[
    {name:'检验证书',ha:'Certificate',na:true, do:true, zs:true},
    {name:'检验结论报告',do:true,ha:'Conclusion'},
    {name:'资料审查',do:true,ha:'MaterialReview'},
    {name:'适装介质列表',do:true,ha:'AdaptingMedium'},
    {name:'罐体宏观检验报告',do:true,ha:'Structural'},
    {name:'附件检验报告',do:true,ha:'AdditionalTest'},
    //名： 罐体壁厚检验报告
    {name:'壁厚测定报告',ha:'rp_thickm_'},
    {name:'罐体盛水试验报告',ha:'??'},
    {name:'罐体气密性试验报告',ha:'rp_gasproof_'},
    {name:'罐体耐压试验报告',ha:'rp_pressure_'},
];

interface Props  extends InternalItemProps{
    label?: string;
    titles?: any[];
    resultlist?: any[];
}
export const itemA下结论=['检验地址','检验结论','检验日期','检验日期1','新下检日','问题建议'];
/**通用见证材料3项的： 约定：children [] 可以嵌入俩个儿子DOM节点，分别代表两个段落插入一个div块;
 * */
export const ConclusionTank=
React.forwardRef((
    { children, show ,alone=true,redId,nestMd,label,titles,}:Props,  ref
) => {
    const [getInpFilter]=useMeasureInpFilter(null,itemA下结论,);
    const {inp, setInp} = useItemInputControl({ ref });
    return <InspectRecordLayout inp={inp} setInp={setInp} getInpFilter={getInpFilter} show={show} redId={redId}
                                nestMd={nestMd} alone={alone} label={label!}>
        <Text variant="h5">检验结论：</Text>
         <LineColumn column={4}>
            <InputLine  label='检查结论' >
                <Select inputSize="md" css={{minWidth:'140px',fontSize:'1.3rem',padding:'0 1rem'}}
                        value={ inp?.检验结论  ||''} onChange={e => setInp({ ...inp, 检验结论: e.currentTarget.value||undefined}) }>
                    <option></option>
                    <option>符合</option>
                    <option>不符合</option>
                </Select>
            </InputLine>
            <InputLine label='设置检验日期'>
                <Input value={inp?.检验日期 || ''} type='date'
                       onChange={e => setInp({...inp, 检验日期: e.currentTarget.value})}/>
            </InputLine>
            <InputLine  label='检验起始日期' >
                <Input  value={inp?.检验日期1 ||''}  type='date'
                        onChange={e => setInp({ ...inp, 检验日期1: e.currentTarget.value}) } />
            </InputLine>
            <InputLine  label='下次检验日期' >
                <Input  value={inp?.新下检日 ||''}  type='date'
                        onChange={e => setInp({ ...inp, 新下检日: e.currentTarget.value}) } />
            </InputLine>
        </LineColumn>
        检验地址:
        <BlobInputList  value={inp?.检验地址 ||''} rows={3}
                        onListChange={v => setInp({...inp,检验地址:v || undefined}) }/>
        问题及建议:
        <TextArea  value={inp?.问题建议 ||''} rows={8}
                   onChange={e => setInp({ ...inp, 问题建议: e.currentTarget.value||undefined}) } />
    </InspectRecordLayout>;
});

